<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>历史的我注册页</title>
	<!--test-->
    <link rel="stylesheet" href="/meninhistory/public/css/common.css">
    <link rel="stylesheet" href="/meninhistory/public/css/register.css">

</head>
<body>
    <div class="register_bg">
        <div class="register_line"></div>
        <div class="container">
            <ul class="register_brand">
                <li>历史的我</li>
                <li></li>
                <li>注册历史的我账号</li>
            </ul>
            <ul class="register_login">
                <li>我已注册</li>
                <li>现在就 <a id="go_login">登录</a></li>
            </ul>

            <div class="register_info">
                <div class="register_group">
                    <label for="uname">用户名</label>
                    <input type="text" placeholder="请设置用户名,中英文均可,最长14个英文或7个汉字" id="uname">
                    <span></span>
                </div>
                <div class="register_group">
                    <label for="email">邮箱</label>
                    <input type="text" placeholder="可用于登录和找回密码" id="email">
                    <span></span>
                </div>
                <div class="register_group">
                    <label for="code">验证码</label>
                    <input type="text" placeholder="请输入验证码" id="code">
                    <span></span>
                </div>
                <div class="register_group">
                    <label for="upwd">密码</label>
                    <input type="password" placeholder="请设置登录密码(6~12位)" id="upwd">
                    <span></span>
                </div>
                <div class="register_group">
                    <label for="pwd_two">确认密码</label>
                    <input type="password" placeholder="请设置登录密码" id="pwd_two">
                    <span></span>
                </div>
                <div class="register_group">
                    <label for="isAgree"></label>
                    <input type="checkbox"  id="isAgree" checked="false">
                    <span id="read">阅读并接受《历史的我用户协议》</span>
                </div>
                <div class="register_group" id="text_info">
                    <label for="isAgree"></label>
                    <textarea name=""  cols="35" rows="5">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur dolor doloremque eligendi ipsum nostrum odit optio reprehenderit rerum totam voluptatem? A consectetur cumque dicta dolores facilis magnam nam odio tempora.
                    </textarea>
                </div>
                <div class="register_group">
                    <label for="usubmit"></label>
                    <button type="button" id="usubmit">注册</button>
                </div>
            </div>
            <div class="register_phone"></div>

        </div>
        <div class="model_login">
            <div class="login_box">
                <div class="login_content">
                    <p>登录历史的我账号</p>
                    <i></i>
                    <div class="login_group login_text">
                        <span></span>
                        <input type="text" placeholder="账号/ID" id="userName">
                        <b></b>
                    </div>
                    <div class="login_group login_pwd">
                        <span></span>
                        <input type="password" placeholder="密码" id="userPwd">
                        <b></b>
                    </div>
                    <div class="login_group login_check">
                        <input type="checkbox"/>
                        <span>下次自动登录</span>
                        <p>登录遇到问题</p>
                    </div>
                    <div class="login_group">
                        <button type="button">登录</button>
                    </div>
                    <div class="group">
                        <a href="tpl/register.html"> 注册</a>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <script src="/meninhistory/public/js/jquery-3.0.0.min.js"></script>
    <script src="/meninhistory/public/js/register.js"></script>
</body>
</html>